@import '../../scss/variable.scss';
.container{
    position: relative;
    display: inline-block;
    z-index:0;
}
.avator{
    height: 150rpx;
    width: 150rpx;
    border: 6rpx solid $baby-card-border-color;
    border-radius: 50%;
    box-sizing: border-box;
    object-fit: cover;
}
.gender{
    position: absolute;
    bottom: 10rpx;
    right: 0;
    height: 36rpx;
    width: 36rpx;
    border-radius: 50%;
    box-sizing: border-box;
}
.avator-id{
    position: absolute;
    left: 100%;
    padding: 0 32rpx;
    height: 64rpx;
    line-height: 64rpx;
    border-radius: 0 32rpx 32rpx 0;
    font-size: 30rpx;
    top: 50%;
    transform: translate(-5%, -50%);
    z-index: -1;
    color: $avator-fixed-color;
    background: $avator-fixed-bg;
}